@charset "utf-8";
/* CSS Document */
*,
*:after,
*:before {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
/*公共样式*/
*{ margin:0; padding:0; list-style:none;box-sizing:border-box;-webkit-box-sizing:border-box;}
img{ border:0;transition: all .5s ease-out;}
body{background:#fff;color: #3d3d3d;font-size:14px;font-family:  "微软雅黑", "宋体", "黑体","Hiragino Sans GB", "Helvetica Neue", Helvetica,  "Heiti SC",Arial, sans-serif;word-break: break-word;word-wrap: break-word;}
a{color: #3d3d3d;}
a,span,p{text-decoration:none;transition: all .3s ease-out;}
li{list-style:none;}


.clr{clear:both; height:0px; overflow:hidden}
#clear:before,#clear:after{display:table;content:""}
#clear:after{clear:both}
#clear{zoom:1}

.wid{width:1200px;margin:0 auto}
.wid75{width:1440px;margin:0 auto;}

.readMore{display:inline-block;padding:10px 40px;border:1px #008cbd solid;color:#008cbd;border-radius:5px;}
.readMore:hover{transform: scale(1.07)}


.bgWhite{width: 100%;padding:8vh 0;background:url(../images/white_bg.jpg) center top no-repeat}
.bgGrey{width: 100%;padding:8vh 0;background:#f1f1f1}
.bgBlue{width: 100%;background:url(../images/m2.jpg) center center no-repeat;padding:8vh 0 8vh}


/*客服*/
.kefu{width:60px;position: fixed;right: 0;top:510px;z-index: 99999999;}
.kefu li{display: block;width: 100%;height:50px;float: left;text-align: center;cursor: pointer;transition: all .3s ease-out;color:#fff;position: relative;}
.kefu li:hover{}
.kefu li a{background:rgba(0,0,0,0.4);color:#fff;display: block;position: absolute;right: 0;top:0;width:100%;height:50px;overflow: hidden;line-height: 50px;text-align: left;}
.kefu li i{color: #fff;text-align: center;}

.kfQq i,.kfPhone i,.kfWeixin i{display: block;width:60px;height:50px;font-size:24px;line-height: 50px;float: left;}
.kfQq a{}
.kefu li a:hover{background:#008cbd;}
.kefu li.kfQq a:hover{width:130px;}
.kefu li.kfPhone a:hover{width:180px;}

.kfCon{width:150px;height: 150px;padding:20%;box-sizing:border-box;-webkit-box-sizing:border-box;position: absolute;right: 100%;top:-50px;background:#008cbd;display: none;}
.kfCon img{display: block;width: 100%;}

.kefu li.kfTop{}
.kefu li.kfTop a{text-align: center;line-height: 12px;}
.kefu li.kfTop a i{font-size:28px;}

.kefu li:first-child a{border-top-left-radius:10px}
.kefu li:last-child a{border-bottom-left-radius:10px}


/*nav*/
#ly{width:100%;height:0;position:absolute;top:200px;left:0}
/*header*/
#header{width:100%;top:0;z-index:99999;background:#fff;}
/*top*/
.top_{width:100%;border-bottom:1px #e9e9e9 solid;box-sizing:border-box;-webkit-box-sizing:border-box;overflow:hidden;transition: all .3s ease-out;height:30px}
.top{height:100%;color:#777475;font-size: 12px;}

.topLeft{float: left;line-height: 30px;}
.topLeft b,.topLeft a{line-height: 30px;margin:0 5px}
.topLeft i{line-height: 30px;}
.topLeft a:hover{text-decoration: underline;color:#b22812}

.topRight{float:right;height:24px;margin-top:3px}
.topRight a,.topRight span{float:left;line-height:24px;float:right;}
.topRight i{padding-right: 5px;}

/*head*/
.head{height: 80px;}
.logo{float:left;display: block;height: 100%;}
.logo img{display:block;height:100%;transition: all .3s ease-out;float: left;}
.logo .logoText{float:left;margin:23px 0 0 6px;}
.logoText>div{font-size: 16px;margin-top: 7px;text-transform:uppercase}
.logo p{display: block;float: left;line-height: 22px;text-transform:uppercase}
.logo p.p1{font-size: 24px;font-weight: bold;letter-spacing:2.3px}
.logo p.p2{font-size: 12px;letter-spacing:0.5px }
/*nav*/
.navt{float:right;height:100%;}
.navt li{float:left;padding:0 20px;height:100%;position:relative}
.navt li>a{font-size:15px;text-align:center;display:block;width:100%;position:relative;margin-top:30px;padding-bottom: 10px;}
.navt li>a:hover{color:#008cbd}
.navt li>a i{padding-left:5px;}

.navt li a p{display:block;width:0;height:2px;background:#008cbd;position:absolute;bottom:0px;left:50%}
.navt li:hover p{left:0;width:100%}

.navt .cur p{left:0 !important;width:100% !important}
.navt .cur>a{color:#008cbd}

.navt li dl{display:none;width:120%;position:absolute;left:-10%;top:100%;z-index: 99999;zoom:1;}
.navt li dl dd{width:100%;float:left;display: inline-block;}
.navt li dl dd a{display:block;width:100%;background:rgba(255,255,255,0.8);text-align: center;font-size: 14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding:10px 5px;box-sizing:border-box;-webkit-box-sizing:border-box;font-weight: bold;}


.navt li dl dd .navth{display: none;left: 100%;top: 0;width: 100%;position: absolute;z-index: 99999;}
.navt li dl dd .navth a{border-left: 2px #008cbd solid;text-align: left;padding:10px 10px;font-size: 13px;}

.navt li dl dd a:hover{background:#008cbd;color:#fff;}
/* .navt li dl dd:hover .navth{display: block;} */

.headerA{position: relative;}
.headerA .top_{height:30px;}
.headerB .top_{height:0;}
.headerB{box-shadow:0 0 10px #888888;position: fixed;top: 0;left: 0;}

.lan{float:right;margin:27px 0 0 5px;}
.lan a{display:block;float:left;padding:5px 10px;border-radius: 10px;margin-left: 10px;border: 1px #008cbd solid;}
.lan a:hover{background: #008cbd;}

@-webkit-keyframes xuanzhuan{
	0%{-webkit-transform:rotateY(0deg);}
	100%{-webkit-transform:rotateY(360deg)}
}
@keyframes xuanzhuan{
	0%{transform:rotateY(0deg);}
	100%{transform:rotateY(360deg);}
}



/*banner*/
/* .banner{width:100%;height:400px;overflow: hidden;z-index:40;position: relative;z-index: 99;}
.pics,.pics li{width:100%;height:100%;position:absolute;left:0;top:0;}
.pics{z-index:50;}
.pics li{display: inline-block;}
.pics li img{display:block;width:100%;height: 100%;}

.target{height:10px;width:auto;position: absolute;bottom:20px;left:50%;z-index:60}
.target li{display: block;float:left;width:10px;height:10px;border-radius: 10px;background:rgb(255,255,255,0.4);cursor: pointer;margin-left:8px}
.target li:first-child{margin-left:0}
.target li.cur{background:rgb(255,255,255,0.8)}

.qiehuan{margin:220px auto 0;height:60px;position: relative;z-index:70;display: none;}
.qiehuan div{cursor: pointer;display: flex;background:rgb(0,0,0,0.8);color:#fff;opacity: 0.5;transition: all .3s ease-out;width:45px;height:100%}
.qiehuan i{font-size:36px;margin: auto;}
.qiehuan div:hover{opacity: 1;}
.banner .prev{float:left}
.banner .next{float: right;}

.banner:hover .qiehuan{display: block;}


.bgImg{width: 100%;background:url(../images/white_bg.jpg) #fff center top no-repeat;padding:1vh 0}
.bgWhite{width: 100%;background:#fff center top no-repeat;padding:1vh 0}
.bgGrey{width: 100%;background:#f1f1f1;padding:1vh 0}
.bgGrey2{width: 100%;background:#fafafa;padding:1vh 0} */

.wrapper{position: relative;z-index: 1;width:100%;margin: auto;overflow: hidden;}
.wy-mod-banner{background: #fff;height:400px;position: relative;}
.wy-mod-banner .banners{width: 1920px;height:400px;overflow: hidden;position: absolute;left:50%;margin-left:-960px;}
.wy-mod-banner .banner{width: 1920px;height:400px;overflow: hidden;position: absolute;left:50%;margin-left:-960px;}
.wy-mod-banner .banner .info{width: 410px;height:230px;position: absolute;right:50%;margin-right:-480px;background: url(../images/img/txt1.png) no-repeat;top:230px;}
.wy-mod-banner .banner2 .info{background-image: url(img/txt2.png);}
.wy-mod-banner .banner3 .info{background-image: url(img/txt3.png);}
.wy-mod-banner .banner4 .info{background-image: url(img/txt4.png);}
.wy-mod-banner .info .link-download{width: 148px;height:40px;overflow: hidden;position: absolute;bottom:-70px;right:0px;cursor:pointer;text-decoration: none;}
.wy-mod-banner .info .link-download span{position:absolute;display: block;left:10px;cursor:pointer;font-size:28px;line-height: 50px;color:white;font-weight: 500; font-family: "Microsoft YaHei"}
.wy-mod-banner .banner1 .info .link-download span,
.wy-mod-banner .banner2 .info .link-download span {color:#3091f2;}
.wy-mod-banner .info .link-download .bor_c{position: absolute;width:14px;height: 26px;right: 0px;top:14px;background-image: url(../images/img/ico_bule.32.png);_background-image: url(img/ico_bule.png); }
.wy-mod-banner .banner3 .info .link-download .bor_c,
.wy-mod-banner .banner4 .info .link-download .bor_c{background-image: url(../images/img/ico_white.32.png);_background-image: url(../images/img/ico_white.png);}

.wy-mod-banner .banner .info h3{display: none;}
.wy-mod-banner .banner .info p{display: none;}
.wy-mod-banner .focus{width:960px;margin:0px auto;padding-top:370px;text-align: center;}
.wy-mod-banner .focus a{text-decoration: none;z-index:3;width:24px;height:74px;position:relative;display: inline-block;*display:inline;overflow: hidden;margin:0px 3px;zoom:1;}
.wy-mod-banner .focus a .bg-m{z-index:4;color:white;line-height:40px;font-size:40px;position:absolute;display: block;left:2px;top:6px;cursor:pointer; display: none;}
.wy-mod-banner .focus a .bg-b{background-image:url(../images/img/i_dot.32.png);position:absolute;display: block;left:0px;top:0px;cursor:pointer; width: 18px; height: 18px;}
.wy-mod-banner .focus a .inner{background-image:url(../images/img/i_dot_hover.32.png);position:absolute;left:0px;top:0px;z-index:9;opacity:0;display: none\0;+display: none;*display: none; width: 18px;height: 18px;}
.wy-mod-banner .focus a.on .inner,.wy-mod-banner .focus a:hover .inner{cursor:pointer;display:block;border:0;-webkit-transition:opacity .3s ease-in-out;-ms-transition:opacity .3s ease-in-out;transition:opacity .3s ease-in-out;opacity:1;}
.wy-mod-banner .focus .hover .inner{display:block;}
		
		
		
		.inTit{text-align: center;padding:60px 0 20px}
		.inTitBlack{color: #3d3d3d;}
		.inTitWhite{color: #fff;}
		.inTit p{text-transform:uppercase;font-family: 'SemiBold';}
		.inTit p.p1{font-size: 36px;letter-spacing:3px;}
		.inTit p.p2{font-size: 24px;}
		
		.more{padding:7px 30px;display:inline-block;font-size: 15px;text-transform:uppercase;margin-top: 30px;}
		.moreBlack{color:#626262 ;border: 1px #acacac solid;border-radius: 5px;}
		.moreBlack:hover{color: #008cbd;border: 1px #008cbd solid;}


.ind_{width: 100%;padding:25px 0 50px;background: url(../images/bg.jpeg) center bottom;}
.ind{}
.indCompany{font-size: 18px;text-align: center;line-height: 2;color: #636363;text-align:left}
.indCompany img{display: block;max-width: 100%;border-radius: 10px;}
/*装饰条*/
.adv{padding:60px 0 20px}
.adv li{width:25%;float: left;box-sizing:border-box;-webkit-box-sizing:border-box;}
.adv p{color:#fff;text-align: center;}
.adv p.p1{color:#3d3d3d;font-size:16px;padding-left:15px}
.adv p.p1 b{font-size:40px;text-shadow:10px 10px 5px #f1f1f1;font-weight: 300;}
.adv p.p2{color:#3d3d3d}

/*产品中心*/
/* .inPro_{width: 100%;background: #008cbd;display: inline-block;margin-bottom: 200px;} */
.inPro_{width: 100%; background: url(../images/company.jpg) center center no-repeat;display: inline-block;/* background-attachment: fixed; */}



.inPro{height: 550px;position: relative;}
.inPros{width: 100%;margin-top:15px}
.inPros a{display: inline-block;width: 30%;float: left;margin-right: 5%;border-radius: 10px;overflow: hidden;}
.inPros a:nth-child(3n){margin-right: 0;}
.inPros a .inProsTit{width: 100%;float: left;height: 80px;background:#fff;text-align: center;font-size: 18px;line-height: 80px;}
.inPros a img{display: block;float: left;width: 100%;}
.inPros a:hover{transform: scale(1.03);}

/*荣誉资质*/
.indHonour{margin: 30px auto;}
/*滚动图片*/
.case {position:relative;z-index:999;margin-top:15px;float: left;width: 100%;}
.case .btn{width:40px;height:40px;background:#edeef0;cursor:pointer;position:absolute;top:5vw;z-index:9999;text-align:center;border-radius:100%;}
.case .btn i{line-height:40px;color:#999;font-size:24px}
.case .left {left:-20px}
.case .right {right:-20px}
.case .center {FLOAT: left}
.case .left:hover{opacity: 0.8;filter:alpha(opacity=20);filter:progid:DXImageTransform.Microsoft.Alpha(style=0,opacity=80)}
.case .right:hover{opacity: 0.8;filter:alpha(opacity=20);filter:progid:DXImageTransform.Microsoft.Alpha(style=0,opacity=80)}

.blkphotopicx {POSITION: relative;}
.blkphotopicx .Cont {}
.blkphotopicx .box {FLOAT: left;}
.box .fang {TEXT-ALIGN: center;width:100%;float:left;}
.box .picFit {}
.box a{width:90%;height:290px;display:block;position:relative;margin: 0 auto;}
.blkphotopicx .box IMG {float:left;width:100%;height:100%;display:block;float:left;}
.box a p{display:none;position:absolute;left:0;bottom:0;width:100%;height:30px;background:rgba(0,0,0,0.3);color:#fff;line-height:30px;font-size:12px;font-weight:100;transition: all .3s ease-out}

/*首页新闻*/
.inNews_{background: #f1f1f1;width: 100%;padding-bottom: 50px;}
.inNews{padding:1vh 0 4vh}
.inNews li{width:23.5%;float:left;margin:2vh 2% 2vh 0}
.inNews li:nth-child(4n){margin:2vh 0 2vh 0}
.inNews li a{display:block;width:100%;background:#fff;box-sizing:border-box;-webkit-box-sizing:border-box;padding:15px 15px;height: 300px;}
.inNews li a .pic{width:100%;height:160px;overflow:hidden;}
.inNews li a .pic img{display:block;width:100%;transition: all .8s ease-out;}
.inNews li a .words{width:100%;padding:1vh 0 0;color:#626262;}
.inNews li a .words p.p1{font-size:18px;color:#000;white-space:nowrap;overflow:hidden;text-overflow:ellipsis; }
.inNews li a .words p.p2{font-size:12px;color:#929292;padding:0.5vh 0}
.inNews li a .words p.p3{font-size:12px;color:#929292;line-height:22px;}
.inNews li a:hover{transform:translateY(-5px);-webkit-transform:translateY(-5px);box-shadow:0 0 10px #000;-webkit-box-shadow:0 0 20px #bbbbbb;}
.inNews li a:hover p{color:#000}
.inNews li a:hover img{transform: scale(1.1)}



/*footer*/
.foot_{width:100%;background:#193050;padding:20px 0;}
.foot{color: #bbb}
.footNav{display: inline-block;}
.footNav dd{float: left;}
.footNav dd a{color: inherit;margin: 0 15px;}
.foot .companyName{width: 100%;color: #fff;font-size: 20px;text-align: center;letter-spacing:3px;padding: 15px 0;text-transform:uppercase}
.foot .footCon{text-align: center;}
.footBottom{color: #7f7f7f;width: 100%;border-top: 1px #4a4a4a solid;margin-top:40px;padding: 10px 0;font-size: 12px;}


.footRight{width:40%;float:right}
.footIcp{float:left}
.footIcp,.footIcp p,.footIcp a,.footIcp span{color: inherit;}
.friendLink{display:inline-block !important; display:inline;float:right}
.friendLink dt,.friendLink dd{float:left;padding:0 3px}
.friendLink dd a{color: inherit;}
.friendLink dd:last-child{padding:0 0 0 3px}
.foot_ a:hover{color:#fff}

/*子页公共*/
.subBg{width: 100%;display: inline-block;background:#fff;padding:3vh 0;min-height:600px;position: relative;float: left;}
.subBgWhite{width: 100%;display: inline-block;background:#fff;padding:5vh 0 7vh;min-height:500px;}

.subBgGrey{width: 100%;display: inline-block;background:#f1f1f1;padding:5vh 0 5vh;}
.sub{}

.typeName{width: 100%;text-align: center;font-size:2.5vw;}
.hui .typeName,.hui .typeName{color:#000}
.red .typeName{color:#fff}


.subBan{width: 100%;position: relative;z-index: 100;display: inline-block;}
.subBan img{display: block;width: 100%;position: relative;z-index: 101;}

.subBan .subTit{position: absolute;z-index: 110;width: 100%;bottom:5vh;left:0}
.subBan .subTit p{text-align: center;color:#fff;text-transform:uppercase;}
.subBan .subTit p.p1{font-size:3vw;letter-spacing:3px }
.subBan .subTit p.p2{font-size:1.8vw;margin:0vh 0 2.5vh;letter-spacing:3px }
.subBan .subTit b{display: block;width: 40px;height:4px;background:#fff;position: absolute;top:3vw;z-index: 111;}
.subBan .subTit b.b1{left:50%;margin-left:-12vw}
.subBan .subTit b.b2{right:50%;margin-right:-12vw}


.subBanIco{width: 50px;height:50px;border-radius: 50px;border:1px rgba(255,255,255,0.5) solid;text-align: center;line-height: 50px;color:#fff;z-index: 120;font-size:30px;cursor: pointer;margin:0 auto;display: block;}
.subBanIco i{line-height: 50px;opacity:0}


.subNav{background:#fff;padding:15px 0;}
.subNav ul{display: inline-block;height: 100%;}
.subNav ul li{float:left;height:100%;margin:0 10px}

.subNav li a{display:inline-block;height:100%;font-size:1vw;cursor: pointer;background:#f1f1f1;padding:12px 2vw}
.subNav li a.cur{color:#fff;background:#008cbd}
.subNav li a:hover{color:#fff;background:#008cbd}

.subNavGrey{background:#f1f1f1}
.subNavGrey li a{background:#fff}



/*关于我们*/

.jianjie{padding:0 0 3vh;text-align: center;color:#353535;font-size:14px;font-weight: bold;}	

.subText{line-height: 1.8;}
.subText img{display: block;max-width: 100%;border-radius:5px;}

.video{width:900px;height:544px;margin:0 auto}

.company{width: 100%;float: left;padding-bottom: 30px;}
.company i{padding-right:5px;}
.company .text{width: 100%;float: left;line-height: 1.8;margin-top:10px;}
.text td,.text div{font-family:"宋体"!important}
.company img{display:block ;max-width: 100%;border-radius: 8px;}
.company .text table td{padding:10px 0 10px 10px;background:#fff}

.abtPics{width: 100%;margin:10px 0;float: left;}
.abtPics li{width: 30%;float: left;margin-right: 5%;}
.abtPics li:nth-child(3n){margin-right: 0;}
.abtPics li img{display: block;width: 100%;}




.culPics{width: 100%;float: left;margin-top:20px;}
.culPics li{width:32%;float: left;margin:0 2% 15px 0}
.culPics li:nth-child(3n){margin:0 0 15px 0}
.culPics li a{display: block;width: 100%;}
.culPics li a .honPic{border:1px #f1f1f1 solid;overflow: hidden;box-sizing:border-box;-webkit-box-sizing:border-box;}
.culPics li a p{display: block;width: 100%;padding: 10px 0;text-align: center;font-size: 18px;}

.culPics li a img{display: block;width: 100%;height:350px;}
.culPics li a:hover .honPic{border:1px #0081cc solid}
.culPics li a:hover img{transform: scale(1.07);}


/*新闻中心*/
.news {width: 100%;float: left;margin-top: 10px;}
.news li { float:left; height:220px; width:100%; padding:15px 1%; border:1px #e1e1e1 solid; box-sizing:border-box; -webkit-box-sizing:border-box; margin:2vh 0; transition: all .3s ease-out
}
.newsLeft { width:30%; height:100%; float:left }
.newsLeft img { display:block; height:100%; margin:0 auto; max-width:100% }
.newsRight { width:68%; height:100%; float:right }
.newsTit { width:100%; float:left; padding:10px 0 }
.newsTit a {font-weight:bold; font-size:18px }
.newsTit a:hover { text-decoration:underline }
.newsRight .date { float:left; display:inline-block !important; display:inline; border-bottom:1px #000 solid; padding-bottom:10px; font-size:16px; position:relative; z-index:35 }
.newsRight .summary { width:100%; float:left; padding-top:10px; border-top:1px #ececec solid; margin-top:-1px; position:relative; z-index:30; font-size:14px; line-height:24px }
.news li:hover { box-shadow: 0px 0px 15px #a7a7a7; }
/*newsview*/
.detail{position:relative}
.de_tit{width:100%;text-align:center;font-size:20px;font-weight:bold;}
.news_zz{width:100%;height:25px;text-align:center;font-size:14px;color:#999;line-height:25px;float:left;margin:15px 0 15px;}
.de_m{width:100%;float:left;line-height:1.5;border-top:1px #c4c4c4 dotted;padding-top:20px}
.de_m p{padding-top:20px;color:#666;text-indent:2em;line-height:24px;font-size:inherit}
.de_m img{display:block;margin:10px auto 0;max-width:100%;height:auto}
.back{display:block;margin:40px auto 0;background:#333;color:#fff;display:inline-block !important; display:inline;padding:10px 50px;font-size:14px}
.back:hover{background:#008cbd;color:#fff}

/* 产品中心 */
.proBox{}
.subRight{width:75%;float:right;}
.location{width:100%;height:35px;line-height:30px;text-transform:uppercase;border-bottom: 1px #d3d3d3 solid;}
.location a,.location p{line-height:30px;color:#8f8f8f;font-size:14px}
.location a:hover{color: #008cbd;}
.location p{float:right;display:inline-block !important; display:inline;border-bottom:5px #d3d3d3 solid;}
.location i{padding:0 10px}

.product{width: 100%;margin-top:10px}
.product li{width:32%;margin:10px 2% 10px 0;float: left;}
.product li:nth-child(3n){margin:10px 0 10px 0}
.product li a{display: block;width: 100%;float: left;border: 1px #dedede solid;box-sizing:border-box;-webkit-box-sizing:border-box;}
.product li a img{display: block;width:90%;margin: 12px auto;height:257px;}
.product li a p{display: block;width: 100%;text-align: center;margin-bottom: 10px; white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size: 16px;font-weight: bold; }
.product li a:hover{border: 1px #008cbd solid;}

/*左侧折叠菜单*/
#leftNav{width:22%;float: left;}
.leftNavB{position: fixed;top: 120px;left: 50%;margin-left: -600px;}
#leftNav dt{width: 100%;background:#008cbd;color: #fff;float: left;padding:1vh 0;text-align: center;font-family: "optima";text-transform:uppercase}
#leftNav dt p.p1{font-size: 24px;}
#leftNav dt p.p2{font-size: 18px;}

#leftNav dd{width: 100%;float: left;border:1px solid #d3d3d3;margin:5px 0 0 0;}
#leftNav dd a{display: block;width: 100%;float: left;background:#fff;cursor: pointer;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
#leftNav dd>a{padding:10px 0;font-size:16px;}

#leftNav dd>a .jiantou{float:left;color:#fff;padding:3px 10px 0 15px}
#leftNav dd>a .jiantou>i{color: #333;}

#leftNav dd>a:hover{background:#ababab;color: #fff;}
#leftNav dd>a:hover i{color: #fff;}

#leftNav .cur>a{background:#008cbd;color: #fff;}
#leftNav .cur>a .jiantou>i{-webkit-transform: rotate(90deg);transform: rotate(90deg);color:#fff}

#leftNav dd:hover .smallNav{display: block;}

#leftNav .smallNav{width: 100%;float: left;display: none;}
#leftNav .cur .smallNav{display: block;}
#leftNav .smallNav a{text-indent: 20%;padding:10px 0;font-size:16px;width: 100%;float: left;}
#leftNav .smallNav a:hover{background:#dedede}

#leftNav .smallNav a.s_cur{background:#dedede}


/*招聘列表*/
.zpDes{width: 100%;padding: 20px 0;font-size: 14px;line-height: 1.5;color: #333333;letter-spacing:1px;}
.zpDes p.p1{font-size:20px;padding-bottom: 10px;font-weight: bold;}
.zhaopin{width:100%;padding:10px 0 50px;}
.zhaopin li{width:32%;margin:0 2% 25px 0;float:left;transition: all .6s ease-out;}
.zhaopin li:nth-child(3n){margin:0 0 25px 0}
.zhaopin li .ZPbox{display:block;width:100%;padding:20px 0 20px;background:#3e9adc;position:relative}
.zhaopin li p{color:#fff;line-height:24px;padding:0 5% 3px;font-weight: 300;font-size: 13px;}
.zhaopin li p i{display:inline-block;width:25px;text-align: center;}
.zhaopin li p font{font-weight:500;}
.zhaopin li .zpText{color:#fff;line-height:1.5;padding:0 5% 3px 20px;font-size:13px;font-weight: 300;}
.zhaopin li .zpText p,.zhaopin li .zpText span{color: #fff !important;}


.zhaopin li p.zpTit{font-size:20px;height:70px;font-weight: bold;}
.zhaopin li .zpTit small{font-size: 14px;line-height:1.2;padding-top: 5px;font-weight: 300;float: left;}

.zhaopin li .box2{display:block;width:100%;padding:20px 0 20px;background:#3e9adc;position:absolute;left:0;bottom:0;opacity: 0;transition: all .3s ease-out;height:100%;overflow:hidden;z-index:999999999}
.zhaopin li .ZPbox:hover .box2{opacity:1;height:auto;overflow:inherit}
.zhaopin li .ZPbox .box2 a.sq{display:inline-block !important; display:inline;color:#fff;font-size:14px;padding:3px 15px;border:1px #fff solid;border-radius:10px;margin:15px 0 10px}
.zhaopin li .ZPbox .box2 a.sq:hover{background:#fff;color:#333}

.zhaopin li:nth-child(2) .ZPbox{background:#e90e42;}
.zhaopin li:nth-child(3) .ZPbox{background:#848484;}
.zhaopin li:nth-child(4) .ZPbox{background:#58d2e8;}

.zhaopin li:nth-child(6) .ZPbox{background:#e90e42;}
.zhaopin li:nth-child(7) .ZPbox{background:#848484;}
.zhaopin li:nth-child(8) .ZPbox{background:#58d2e8;}

.zhaopin li:nth-child(2) .box2{background:#e90e42;}
.zhaopin li:nth-child(3) .box2{background:#848484;}
.zhaopin li:nth-child(4) .box2{background:#58d2e8;}

.zhaopin li:nth-child(6) .box2{background:#e90e42;}
.zhaopin li:nth-child(7) .box2{background:#848484;}
.zhaopin li:nth-child(8) .box2{background:#58d2e8;}


/*proview*/
.pro_con{display: block;width: 100px;padding: 20px 0;background: #F1F1F1;text-align: center;position: fixed;bottom:280px;left: 50%;margin-left: 620px;border-radius: 10px;font-size: 16px;}
.pro_con i{font-size: 36px;padding: 0 0 5px;}
.pro_con:hover{background: #008cbd;color: #fff;}

.proLocation{width: 100%;float: left;border-bottom: 1px solid #F2F2F2;font-size: 12px;color: #4d4d4d;padding-bottom: 15px;}
.proLocation a{padding: 0 5px;}
.proLocation i{font-size: 16px;padding-right: 5px;}
.proTit{width: 100%;float: left;border-bottom: 1px solid #808080;font-size: 12px;color: #4d4d4d;padding: 15px 0;line-height: 1.25;}
.proTit p.p1{color: #4b4b4b;font-size: 24px;font-weight: bold;}
/*产品左侧*/
.viewNav{width:190px;float: left;margin-top:40px;}
.viewNavFix{position: fixed;left: 50%;margin:0 0 0 -600px;top: 140px;z-index: 999;}
.viewNav a{display: block;width: 100%;float: left;border: 1px #4a4a4a solid;border-top: none;height:42px;line-height: 42px;font-size: 18px;font-weight: bold;text-indent: 10px;position: relative;transition: all 0 ease-out;}
.viewNav a:first-child{border-top: 1px #4a4a4a solid}
.viewNav a:hover{background: #f1f1f1;}
.viewNav a.cur{background: #008cbd;color: #fff;}
.viewNav a .sjx{ display: none;width: 0;height: 0;border-top:21px solid transparent;border-left: 25px solid #008cbd;border-bottom: 21px solid transparent;position: absolute;left: 100%;top:-1px;}
.viewNav a.cur .sjx{display: block;}

.proDetail{font-size:12px;padding:30px 0;float: left;border-bottom: 1px #d3d3d3 solid;width: 100%;}
.proDetailTit{width: 100%;font-size: 22px;margin-bottom:25px;float: left;color:#fff;padding:7px 0;background:linear-gradient(to left, #00af90, #0062b2);}
.proDetailTit i{display: block;float: left;font-size:40px;margin:2px 8px 0 15px;}
.proDetailTit span{display: block;float: left;font-size:20px;line-height: 1.3;font-weight:bold;letter-spacing:1px }
.proDetailTit span small{font-size: 14px;letter-spacing:0px;}
.proDetailContent{width: 100%;}
.proDetailContent table{width: 100% !important;}
.proDetailContent img{display: block;max-width: 100%;}

.proDetailContent td{background: none !important;vertical-align:middle !important;text-indent: 10px;border:1px #fff solid}
.proDetailContent table td,.proDetailContent table span,.proDetailContent table p,.proDetailContent table div{color: #3d3d3d !important;font-size: 15px !important;}
.proDetailContent tr{background:#cce0f5 !important;height:40px !important}
.proDetailContent tr:nth-child(2n){background:#f7f7f7 !important;}
.proDetailContent sup span,.proDetailContent sup,.proDetailContent sup p,.proDetailContent sup div{font-size:10px  !important}

.proDetailContent ul{width: 100%;}
.proDetailContent ul li{width:23.5%;float: left;margin:0 2% 30px 0;}
.proDetailContent ul li:nth-child(4n){margin:0 0 30px 0}
.proDetailContent ul li a{display: inline-block;width: 100%;border: 1px #dedede solid;padding: 10px;}
.proDetailContent ul li a img{display: block;width:100%;height:200px;margin: 0 auto 5px;}
.proDetailContent ul li a p{text-align: center;font-size:16px;padding: 0 0 0 0;word-break: break-word;}
.proDetailContent ul li a:hover{border: 1px #008cbd solid;}

.proDetail .canshu { width:40%;float:left;padding: 30px 0 0 7%; box-sizing:border-box; -webkit-box-sizing:border-box;}
.proDetail .canshu .canshuTit { width:100%; border-bottom:1px dotted #999; font-size:22px; padding:0 0 10px; line-height:2; font-weight:bold; float:left }
.proDetail .canshu .canshuSummary { width:100%; margin-top:16px; line-height:2.5; float:left;font-size: 18px;padding:20px 0 20px 25px;background:#f1f1f1;font-weight:bold;border-radius:10px}
.proDetail .canshu .share { width:100%; padding-top:16px; float:left }
.proDetail .canshu .sendEmail { width:100%; padding-top:16px; float:left }
.proDetail .canshu .sendEmail a { display:block; padding:5px 15px; background:#999; color:#fff; float:left; border-radius:15px; transition: all .3s ease-out;font-size:15px}
.proDetail .canshu .sendEmail a i { padding-right:5px }
.proDetail .canshu .sendEmail a:hover { background:#008cbd}
.proDetail .canshu .proAnniu { width:100%; margin:0; padding-top:16px; float:left }
.proDetail .canshu .proAnniu li { width:100%; float:left; margin:10px 0 0; }
.proDetail .canshu .proAnniu li a { display:block; width:100%; float:left; padding:10px; box-sizing:border-box; -webkit-box-sizing:border-box; border:1px #f1f1f1 solid; color:#999; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.proDetail .canshu .proAnniu li a:hover { color:#333; border:1px #999 solid; }
.proText { width:100%; float:left; margin-top:25px }
.proTextTit { width:100%; height:30px; border-bottom:1px #CCC solid }
.proTextTit p { display:block; float:left; margin-left:20px; height:30px; padding:0 15px; line-height:31px; background:#fff; border:1px #ccc solid; border-bottom:none; font-weight:bold }
.proTextCon { width:100%; padding-top:25px; float:left; line-height:24px; padding-bottom:30px }
.proTextCon img{display:block;max-width:100%}
.prode{}
.prode img{margin:0 auto}

/*放大镜*/
.left-pro{ width:450px; border: 1px solid #ccc; text-align: left; float: left; background-color: #FFF; margin-top:20px; padding-top: 20px; padding-right: 10px; padding-bottom: 20px; padding-left: 10px; }
.left-pro .t1{width:100px;float:left}
.left-pro .t2{width:302px;text-indent:0;float:left;padding-left:10px}
.left-pro .t2 img{text-indent:0;}
#showArea img{cursor:pointer;display:block;margin-bottom:5px;width:68px;padding:1px;border:1px solid #ccc;height:68px;float:left}
#main_img{cursor:pointer;display:block}
#gotop{cursor:pointer;display:block;margin-left:9px}
#gobottom{cursor:pointer;display:block;margin-left:9px}
#showArea{height:280px;margin:10px;overflow:hidden}
	/* 放大镜-悬浮 */
.MagicZoomBigImageCont{border:1px solid #91b817;overflow:hidden}
.MagicZoomBigImageCont img{width:800px;height:800px}
.MagicZoomBigImageCont iframe{width:300px;height:300px}
.MagicZoomHeader{font:10px Tahoma, Verdana, Arial, sans-serif;color:#fff;background:#91b817;text-align:center !important}
.MagicZoomPup{border:1px solid #aaa;background:#fff;cursor:hand;left:0}
.MagicZoomLoading{text-align:center;background:#fff;color:#444;opacity:0.8;padding:3px 3px 3px 3px !important;display:none}
.MagicZoomLoading img{padding-top:3px !important}
.MagicThumb{cursor:url(cursor/zoomin.cur), pointer;outline:none}
.MagicThumb-zoomed{cursor:default}
.MagicThumb span{display:none}
.MagicThumb-image{border:1px solid #ccc;outline:none}
.MagicThumb-image-zoomed{cursor:url(cursor/zoomout.cur), pointer}
.MagicThumb-caption{color:#333333;background-color:#F0F0F0;border:1px solid #CCC;border-top:none;font-family:Verdana, Helvetica;font-size:11px;padding:8px 16px}
.MagicThumb-controlbar{display:block;height:18px}
.MagicThumb-controlbar a{display:block;width:180px;height:180px;margin:0px 1px;outline:none;float:left;overflow:hidden}
.MagicThumb-controlbar a span{display:block;width:1000px;height:1000px;background:transparent url(graphics/controlbar.png) no-repeat 0 0;outline:none;position:absolute;left:0px;top:0px}
.MagicThumb-loading{border:1px solid #000;background:#fff url(graphics/loader.gif) no-repeat 2px 50%;padding:2px 2px 2px 22px;margin:0;text-decoration:none;text-align:left;font-size:8pt;font-family:sans-serif;}



/*联系我们*/



	.conTop { width:100%; background:#f5f5f5; padding:50px 0; box-sizing:border-box; -webkit-box-sizing:border-box; float: left;}
	.conTop p { text-transform:uppercase; text-align:center }
	.conTop p.p1 { color:#b9b9b9; font-size:64px; font-weight:bold }
	.conTop p.p2 { color:#b9b9b9; line-height:24px }
	.conText { margin:70px auto; position:relative}
	.conTit { width:100%; text-align:center; font-size:26px; color:#656565; line-height:24px; letter-spacing:1px; line-height:30px; text-transform:uppercase; font-weight:bold;font-family: "optima"; }
	.conTit small { font-size:18px; font-weight:100; text-transform:uppercase; letter-spacing:0px; color:#CCC; }
	.conview { width:70%; margin:30px auto 0 }
	.conview table{margin: auto;}
	.conview td{height: 45px;text-indent: 10px;}


	.mapLink { display:block; width:300px; height:50px; background:#e4363b; border-radius:30px; position:absolute; bottom:-95px; left:50%; margin-left:-150px; text-align:center; color:#fff; line-height:50px; font-size:14px }
	.mapLink i { padding-right:5px }
	.mapLink:hover { background:#bf2a2f; color:#fff }
	
.map{width: 100%;float: left;padding: 20px 0;border-top: 1px #ccc solid;}
	

.toDown{
  -moz-animation: toDown 1.5s infinite linear;
  -o-animation: toDown 1.5s infinite linear;
  -webkit-animation: toDown 1.5s infinite linear;
  animation: toDown 1.5s infinite linear;
}
@-moz-keyframes toDown {
  0% { -moz-transform: translateY(-10px);opacity: 0;}
  30% {-moz-transform: translateY(0px);opacity:1; }
  60% { -moz-transform: translateY(10px);opacity: 0; }
  100% { -moz-transform: translateY(-10px);opacity: 0; }
}
@-webkit-keyframes toDown {
  0% { -webkit-transform: translateY(-10px);opacity: 0;}
  30% {-webkit-transform: translateY(0px);opacity:1; }
  60% { -webkit-transform: translateY(10px);opacity: 0; }
  100% { -webkit-transform: translateY(-10px);opacity: 0; }
}
@-o-keyframes toDown {
  0% { -o-transform: translateY(-10px);opacity: 0;}
  30% {-o-transform: translateY(0px);opacity:1; }
  60% { -o-transform: translateY(10px);opacity: 0; }
  100% { -o-transform: translateY(-10px);opacity: 0; }
}
@-ms-keyframes toDown {
  0% { -ms-transform: translateY(-10px);opacity: 0;}
  30% {-ms-transform: translateY(0px);opacity:1; }
  60% { -ms-transform: translateY(10px);opacity: 0; }
  100% { -ms-transform: translateY(-10px);opacity: 0; }
}
@keyframes toDown {
  0% { transform: translateY(-10px);opacity: 0;}
  30% {transform: translateY(0px);opacity:1; }
  60% { transform: translateY(10px);opacity: 0; }
  100% { transform: translateY(-10px);opacity: 0; }
}






@-webkit-keyframes xuanzhuan{
	0%{-webkit-transform:rotate(0deg);}
	100%{-webkit-transform:rotate(360deg)}
}
@keyframes xuanzhuan{
	0%{transform:rotate(0deg);}
	100%{transform:rotate(360deg);}
}




#backTop{position:fixed;display:none;bottom:17vh;right:3%;width:4vw;height:4vw;background:#777475;z-index:999999999999999999;transition: all .5s ease-out;}
#backTop a{display:block;width:100%;height:100%;text-align:center;color:#fff;line-height:1vh;}
#backTop:hover{background:#858585}


@media(max-width:1440px){
.wid75{width: 90%;}
.header_{top:4vh;left:50%;margin-left:-650px !important;width:1300px !important;}
.header{width:100%  !important}
}



@media(max-width:1300px){
body{font:12px "微软雅黑";}
	.wid{width:96%;}
.ersi{font-size:18px}
.ersi a,shiba p,.ersi div{font-size:18px}
	
.shiba{font-size:16px}
.shiba a,shisi p,.shiba div{font-size:16px}

.shiliu{font-size:14px}
.shiliu a,shisi p,.shiliu div{font-size:14px}

.header_{top:0 !important;left:0 !important;margin-left:0 !important;width:100% !important;}
}




/*滚动条*/
.scroll{
	overflow-x:hidden;overflow-y:auto;
    scrollbar-face-color: #5c5a5a;/*移动滑块颜色*/
    scrollbar-shadow-color: #5c5a5a;/*移动滑块边框颜色*/
    scrollbar-track-color: #ccc;/*背景颜色*/
    scrollbar-arrow-color: #ddd;/*箭头颜色*/
}
.scroll::-webkit-scrollbar-track
{
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
    background-color:#E0E0E0;
}/* 滚动条的滑轨背景颜色 */
.scroll::-webkit-scrollbar
{
    width: 6px;
    background-color:#E0E0E0;
}
 
.scroll::-webkit-scrollbar-thumb
{
    background-color:#5B5A5A;
}/* 滑块颜色 */



/*css3*/
 /*向下*/
.slideDown{animation:slideDown 1s  backwards;-webkit-animation:slideDown 1s  backwards; }
@-webkit-keyframes slideDown{
	0%{-webkit-transform:translateY(-80px);opacity: 0}
	100%{-webkit-transform:translateY(0)};opacity: 1}
}
@keyframes slideDown{
	0%{transform:translateY(-80px);opacity: 0}
	100%{transform:translateY(0)};opacity: 1}
}

 /*向上*/
.slideUp{animation:slideUp 1s  backwards;-webkit-animation:slideUp 1s  backwards; }
@-webkit-keyframes slideUp{
	0%{-webkit-transform:translateY(80px);opacity: 0}
	100%{-webkit-transform:translateY(0);opacity: 1}
}
@keyframes slideUp{
	0%{transform:translateY(80px);opacity: 0}
	100%{transform:translateY(0);opacity: 1}
}

 /*向左*/
.slideLeft{animation:slideLeft 1s  backwards;-webkit-animation:slideLeft 1s  backwards; }
@-webkit-keyframes slideLeft{
	0%{-webkit-transform:translateX(80px);opacity: 0}
	100%{-webkit-transform:translateX(0)};opacity: 1}
}
@keyframes slideLeft{
	0%{transform:translateX(80px);opacity: 0}
	100%{transform:translateX(0);opacity: 1}
}

 /*向右*/
.slideRight{animation:slideRight 1s ;-webkit-animation:slideRight 1s  backwards; }
@-webkit-keyframes slideRight{
	0%{-webkit-transform:translateX(-80px);opacity: 0}
	100%{-webkit-transform:translateX(0)}
}
@keyframes slideRight{
	0%{transform:translateX(-80px);opacity: 0}
	100%{transform:translateX(0);opacity: 1}
}

 /*放大*/
.fangda{animation:fangda 1s ;-webkit-animation:fangda 1s  backwards; }
@-webkit-keyframes fangda{
	0%{-webkit-transform: scale(1);}
	100%{-webkit-transform: scale(1.1)}
}
@keyframes fangda{
	0%{transform: scale(1);}
	100%{transform: scale(1.1);}
}

 /*从0放大*/
.slideBig{animation:slideBig 1s ;-webkit-animation:slideBig 1s  backwards; }
@-webkit-keyframes slideBig{
	0%{-webkit-transform: scale(0);opacity: 0}
	100%{-webkit-transform: scale(1)}
}
@keyframes slideBig{
	0%{transform: scale(0);opacity: 0}
	100%{transform: scale(1);opacity: 1}
}


@-webkit-keyframes xuanzhuan{
	0%{-webkit-transform:rotateY(0deg);}
	100%{-webkit-transform:rotateY(360deg)}
}
@keyframes xuanzhuan{
	0%{transform:rotateY(0deg);}
	100%{transform:rotateY(360deg);}
}


.conMes_ { width:100%; background:#f1f1f1; padding:50px 0 }
.message{width:100%;margin:0 auto;padding:4vh 5vh 5vh 1vh;}
.table_form {width: 100%}
	.table_form td input,.table_form td, .table_form th,.table_form textarea{}
	
.table_form td input {height: 4vh;width: 100%;}
.table_form td, .table_form th {padding:1.5vh 0 1.5vh 1vh;border:none !important;}
.table_form textarea{}
.table_form .submit input {height:5vh;background:#7D7D7D;transition: all .5s ease-out;color: #fff;}
	.table_form .submit input:hover{background:#008cbd}
	
	
.messageBox{width:100%;padding:10px;border:1px #dedede solid;display:inline-block !important; display:inline;margin:50px auto 20px}
.message{margin:0 auto;border:1px #dedede solid;padding:150px 15% 30px 10%;position:relative;box-sizing:border-box;-webkit-box-sizing:border-box;}
.messageTit{width:100%;border-bottom:1px #dedede solid;padding:30px 60px;box-sizing:border-box;-webkit-box-sizing:border-box;position:absolute;top:0;left:0}
.messageTit p{text-align:left;color:#666;}
.messageTit p.p1{font-size:36px}
.messageTit p.p2{font-size:16px;margin-top:10px}

/*分页样式*/
#pages { padding:14px 0 10px; text-align:center;clear: both;margin-top: 20px;}
#pages a{
	display: inline-block;
	padding:8px 15px;
	margin-left:8px;
	color:#666;border:1px #999 solid;border-radius:5px;
	margin-bottom: 10px;
}
#pages a.a1{
		padding:6.5px 15px;
	}
#pages a:hover{
	color:#333;border:1px #333 solid;
}
#pages span{
    padding:8px 15px;
	margin-left:8px;
	color:#c7c7c7;border:1px #c7c7c7 solid;border-radius:5px;
}
@media(max-width:1200px){
	#pages a{
		padding:5px 10px;
	    margin-left:4px;
		font-size: 12px;
	}
	#pages a.a1{
		padding:4px 10px;
	    margin-left:4px;
	}
	#pages span{
		padding:5px 10px;
	    margin-left:4px;
	}
}